<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<link href="https://cdn.bootcss.com/bootstrap/4.0.0-beta.2/css/bootstrap.css" rel="stylesheet">
<link href="./css/login.css" rel="stylesheet">
<title>用户登录</title>
</head>
<body>
<nav class="navbar navbar-expand-lg navbar-light" style="background-color: #e3f2fd;">
  <a class="navbar-brand" href="login.jsp">微博登录</a>
  <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
    <span class="navbar-toggler-icon"></span>
  </button>

  <div class="collapse navbar-collapse" id="navbarSupportedContent">
    <ul class="navbar-nav mr-auto">
      <li class="nav-item active">
        <a class="nav-link" href="register.jsp">微博注册 <span class="sr-only">(current)</span></a>
      </li>
      <li class="nav-item">
        <a class="nav-link" href="#">微博登出</a>
      </li>
      <li class="nav-item ">
        <p>
  <a class="btn btn-primary" data-toggle="collapse" href="#collapseExample" 
  role="button" aria-expanded="false" aria-controls="collapseExample" style="background-color:#857e95">
    显示文章
  </a>
</p>

      </li>
      <li class="nav-item">
        <a class="nav-link" href="#">删除文章</a>
      </li>
    </ul>
    <form class="form-inline my-2 my-lg-0">
      <input class="form-control mr-sm-2" type="search" placeholder="搜索" aria-label="Search">
      <button class="btn btn-outline-success my-2 my-sm-0" type="submit">搜索</button>
    </form>
  </div>
</nav>
<div class="collapse" id="collapseExample">
  <div class="card card-body">
    Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident.
  </div>
</div>
<p style="color: red">${err}</p>
	 <div class="container">
	<div class="row justify-content-center">
	<div class="panel panel-default  col-md-6 register-panel">
			<div class="h2 text-center">用户登录</div>
			<div class="pannel-body justify-content-center">
				<form class="form-horizontal" action="./login.do" method="post">
					<div class="form-group">
						<label class="control-label col-md-4">用户名:</label>
						<div class="col-md-8">
							<input type="text" class="form-control" 
								id="username" name="username"/>
						</div>
					</div>
					<div class="form-group">
						<label class="control-label col-md-4">密码:</label>
						<div class="col-md-8">
							<input type="password" class="form-control" name="password"/>
						</div>
					</div>
					<div class="form-group">
						<div class="col-md-offset-4 col-md-4">
							<button type="submit" class="btn btn-primary btn-block">提交</button>
						</div>
					</div>
					
				</form>
			</div>
		</div>
		</div>
</div>


<!-- 如果要使用Bootstrap的js插件，必须先调入jQuery -->
	<script src="https://cdn.bootcss.com/jquery/3.1.0/jquery.min.js"></script>
<!-- 包括所有bootstrap的js插件或者可以根据需要使用的js插件调用　-->
	<script src="https://cdn.bootcss.com/bootstrap/4.0.0-alpha.6/js/bootstrap.js"></script>
</body>
</html>